
/*html {-webkit-text-size-adjust: 100%}*/


* {
    color: #2c3e50;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration:none;
}

/* Highcharts tweak for font-size */
tspan {
   font-size: inherit;
}

body {
    background: #ecf0f1;
    /*	background: #333;*/
    margin: 8px;
}

h1 {
    text-transform:uppercase;
    font-weight: bold;
    text-align: center;
    /*	border-bottom: 1px solid white;*/
    width:95%;
    margin:15px auto;
    /*margin-bottom: 10px;*/
    padding: 5px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


#content {
    margin:15px auto;
    /*	text-align: center;*/
}


/* FOOTER */
footer
{
    border-top: 1px solid white;
    width:100%;	
    text-align: center;
    margin:auto;
    padding-top: 10px;
}

footer a {
    font-size: 10px;	
}





/* MENU ICONES */
.menu {
    text-align: center;
}


.menuItem {
    display: inline-block;
    width:120px;
    vertical-align: top;
    margin:  50px 2% 2% 2%; 
    text-align:center;	
    padding: 8px;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.menuItem a {
    color: white;
}


.home{background-color: white;}
.compteur{background-color: #27ae60; color:white;}
.chauffage{background-color: #2980b9; color:white;}
.temperext{background-color: #c0392b; color:white;}
.consoelec{background-color: #f39c12; color:white;}

/**** FORM ****/

fieldset{
    border:2px solid #3498db;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;	
    border-radius:3px;	
    
   margin-top : 20px;
}

legend {
       background: #2980b9;
	 color:white;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;	
    border-radius:3px;
    padding : 2px 10px;
    font-weight:bold;
}

input {
    display: inline-block;
    width:100%;
    /*background-color: #bdc3c7;*/
    color: #34495e;
    /*width:120px;*/
    text-align:left;
    padding:5px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:2px solid #3498db;
}

input[type="time"]{
    width:auto;
    text-align:left;
    height:44px;
    text-align: center;
    /*font-size:18px;*/
} 

.button {
    text-align: center;
    margin: 20px 0;
}

input[type="submit"]{
    width:auto;
    text-align:left;
    /*height:44px;*/
    padding : 5px 45px;
    margin : auto;
    text-align: center;
    background-color:#2980b9;
    color:white;
    /*font-size:18px;*/
} 


/* icons */
.add {
    /*display: block;*/
    text-indent: -9999px;    

    background: url('/images/add_24.png');
        background-repeat: no-repeat;
    background-position: center;

    width: 24px; 
    height: 24px;
    padding : 5px;
    
    clear:left;
}


.delete {
    /*display: inline-block;*/
    text-indent: -9999px;   

    background: url('/images/del_24.png');
    background-repeat: no-repeat;
    background-position: center;

    width: 24px; 
    height: 24px;
    padding : 13px 0 0 10px;
    
    /*margin: 8px;*/
    cursor: pointer;
}

.crow{
    padding-top:5px;
    clear:left;
}

.heure, .modeBtn.petit, .delete {
    /*display: inline-block;*/
    float:left;
    /*border:1px solid red;*/
}

/***** Radio buttons *****/


.modeBtn input[type="radio"] {
    display:none;
}

.modeBtn label {    
    display:inline-block;

    background-color:#2980b9;
    margin:0;

    padding:16px;
 
    /*border-bottom: 3px solid #2980b9;*/
    /*border-left : 1px solid #ecf0f1;*/
}

.modeBtn label div {
    width: 24px; height: 24px;

    background-repeat: no-repeat;
    background-position: center;   
}

.modeBtn.petit {
    margin-left:5px;
}
.modeBtn.petit label {
    padding:10px;
}

.modeBtn label.automode{
    /*width: 28px; height: 28px;*/
    background-color:#2ecc71;
}

.modeBtn input[type="radio"]:checked + label {
    /*background-color:#3498db;*/
    background-color:#e67e22;
    /*border-bottom: 3px solid #f39c12;*/
}

.modeBtn label:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.modeBtn label:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}



.auto{background: url('/images/auto_24.png')}
.confort{background: url('/images/confort_24.png')}
.eco{background: url('/images/eco_24.png')}
.horsgel{background: url('/images/horsgel_24.png')}
.arret{background: url('/images/arret_24.png')}




/***** COMPTEUR *****/
.compteur_label {
    display: inline-block;
    margin : 15px 0 3px 0; 
    font-size: 12px;
    width:160px;
    text-align: right;
}

.compteur_datas {
    display: inline-block;
    border:2px solid #27ae60;
    /*background-color: #bdc3c7;*/
    color: #34495e;
    background-color: white;
    width:120px;
    text-align:right;
    padding:5px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.compteur_unit {
    display: inline-block;
    text-align:left;
}


/**** CHAUFFAGE ****/
.zones_label{
    margin : 20px 0 5px 0;
}




/*
.mode{background: url('../images/modes.png');display:inline-block;}
.auto {background-position: -0px -0px; width: 18px; height: 18px}
.confort{background-position: -0px -28px; width: 18px; height: 18px}
.confort-1{background-position: -0px -56px; width: 18px; height: 18px}
.confort-2{background-position: -0px -84px; width: 18px; height: 18px}
.eco{background-position: -0px -112px; width: 18px; height: 18px}
.horsgel{background-position: -0px -140px; width: 18px; height: 18px}
.arret{background-position: -0px -168px; width: 18px; height: 18px}
*/



